@import 'global.css';

.loginBg {
    width:100%;
    height:100%;
    background:#ccc;
    position: absolute;
    background-image:url('/image/ed-41.jpg');
    background-size:cover;
    background-repeat: no-repeat;
}

.regsiterBox {
    width:800px;
    height:450px;
    background:#fff;
    position: absolute;
    border-radius:10px;
    left:50%;
    margin-left:-400px;
    top:50%;
    margin-top:-180px;
    box-shadow: 0 2px 12px 0 rgba(255,255,255,.9);
}


.loginTitleBox {
    position: absolute;
    width:100%;
    height:60px;
    color:#fff;
    top:-70px;
    text-align: center;
    line-height:60px;
    -webkit-transition: all 1.5s ease;
            transition: all 1.5s ease;
    font-size:24px;
    text-shadow: 0 0 10px #fff;
}

.regsiterContent {
    width:100%;
    height:100%;
}

.regsiterContentLeft {
    width:60%;
    height:100%;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    float:left;
    background-image:url("/image/ed-42.jpg");
    background-size:cover;
}

.regsiterContentLeft img {
    width:100%;
    height:auto;
    
}

.regsiterContentRight {
    width:40%;
    height:100%;
    background:#eee;
    overflow:hidden;
    float:right;
    position: relative;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-left:20px;
    padding-right:20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.selectHeaderBox {
    width:100%;
    height:100px;
    margin-top:20px;
}

.selectHeaderBox p{
    font-size:12px;
    text-align: center;
    height:30px;
    line-height:30px;
    margin-top:10px;
    color:#333;
}

.nowHeader {
    width:80px;
    height:80px;
    background:#fff;
    margin:0px auto;
    border-radius:40px;
    border:2px solid #e0e0e0;
}

.nowHeader img {
    width:100%;
    height:100%;
    cursor:pointer;
}

.codeValition {
    width:100%;
    height:45px;
    background:#fff;
    border-radius:5px;
    margin-bottom:10px;
    overflow:hidden;
    border:2px solid #e0e0e0;
    color:#666;
    position: relative;
}

.codeValition .codeInput {
    width:50%;
    height:45px;
    float:left;
    background:red;
}

.codeValition .codeInput input {
    border:none;
    width:100%;
    height:100%;
    outline:none;
    padding-left:15px;
}

.codeValition .codeData {
    width:49.999999%;
    height:45px;
    float:left;
    background:#f0f0f0;
    border-left:2px solid #eee;
    text-align: center;
    line-height:45px;
    letter-spacing: 5px;
    font-size:12px;
}

.codeValition .codeData  img {
    width:90%;
    height:auto;
    position: relative;
    top:-5px;
}



.inputItem {
    width:100%;
    height:45px;
    background:#fff;
    border-radius:5px;
    margin-bottom:10px;
    overflow:hidden;
    border:2px solid #e0e0e0;
    color:#666;
    position: relative;
}

.inputItem i {
    position: absolute;
    left:10px;
    color:#999;
    top:16px;
}

.inputItem  input {
    width:100%;
    height:45px;
    outline:none;
    padding-left:40px;
    padding-right:15px;
    border:none;
}

.selectHeaderPOP {
    background:#fff;
    position: absolute;
    width:100%;
    right:0px;
    top:0px;
    bottom:0px;
    z-index:999999;
    border-top-right-radius: 5px;
    left:350px;
    border-bottom-right-radius: 5px;
}

.selectHeaderPOPTitle {
    width:100%;
    height:14%;
    text-align: center;
    line-height:50px;
}

.selectHeaderPOPTitle  i {
    font-size:14px;
    float:left;
    position: absolute;
    cursor:pointer;
    color:#666;
    left:15px;
    top:20px;
}

.selectHeaderPOPContent {
    width:100%;
    height:86%;
    overflow:auto;
}

.selectHeaderItem {
    width:20%;
    height:60px;
    background:#fff;
    float:left;
    cursor:pointer;
    text-align: center;
    margin-left:13px;
    position: relative;
    margin-bottom:15px;
}

.selectHeaderItem i {
    color:green;
    position: absolute;
    bottom:-7px;
    right:-7px;
    display:none;
}

.selectHeaderItem  img {
    width:100%;
    height:auto;
}

.loginSubmit {
    width:100%;
    height:45px;
    background:#3385ff;
    color:#fff;
    border-radius:5px;
    text-align: center;
    cursor:pointer;
    line-height:45px;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.4);
    /* position: absolute;
    bottom:45px;
    right:5%; */
}

.registerLink {
   margin-top:20px;
    text-align: center;
    width:90%;
    right:15px;
    font-size:13px;
    cursor:pointer;
    color:red;
}

.codeLogin {
    width:100%;
    height:190px;
    text-align: center;
    line-height:190px;
}

.codeLogin  img {
    width: 190px;
    height:190px;
}


.goHome {
    position: absolute;
    left:10px;
    top:10px;
    background:#fff;
    border-radius:5px;
    padding-left:10px;
    padding-right:10px;
    cursor:pointer;
    padding-top:5px;
    font-size:12px;
    padding-bottom:5px;
}

.goHome:hover {
    background:#eee;
}
